<template>
    <div>
        <slot :data="childData"></slot>
    </div>
</template>

<script>
  export default {
    name: "SlotComponents",
    data(){
      return{
       childData:["1","2","3","4"],
      }
    },
  };
</script>

<style scoped>

</style>